import CustomTable from '@/components/custom-table'
export default {
  components: {
    CustomTable
  },
  data () {
    return {
      params: {
        page: 1,
        pagesize: 10
      }
    }
  },
  methods: {
    // 表格组件的所有事件
    onEvent (eventType, ...args) {
      switch (eventType) {
        case 'current-change':
          this.onCurrentPageChange(...args)
          break
        case 'size-change':
          this.onCurrentSizeChange(...args)
          break
        case 'btn-click':
          this.onBtnClick(...args)
          break
        case 'selection-change':
          this.onSelectionChange(...args)
          break
        case 'expand-change':
          this.onExpandChange(...args)
          break
        default:
          console.error('不受支持的事件类型')
      }
    },
    // 页码改变事件
    onCurrentPageChange (newPage) {
      // 获取并保存新的页码
      this.params.page = newPage
      // 刷新页面
      this.updatelist(this.params)
    },
    // 页容量改变事件
    onCurrentSizeChange (newSize) {
      // 获取并保存新的页容量
      this.params.pagesize = newSize
      // 更新了页容量,让页码变成第一页
      this.params.page = 1
      // 刷新页面
      this.updatelist(this.params)
    }
  },
  mounted () {
    // 调用获取列表
    this.updatelist(this.params)
  }
}
